<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../../vue.js"></script>
 </head>
<body>
    <!-- vue作用的容器，将来vue根据虚拟dom生成的真实dom插入到容器中，也是vue能够作用的区域 -->
    <!-- 如果没有template配置项，可以将模板写在容器内部
      容器内部也可以进行书写模板,切记不是DOM,而是模板
      在vue实例化过程中,如果选项中存在template选项,则把template选项的内容作为模板替换容器
      如果选项中不存在template,则把容器的outerHTML作为模板 -->
    <div id="app">
        <h1>{{project}}的基础使用</h1>
    </div>
    <script>
        const vm = new Vue({
            el:"#app",
            // template:`
            // <h1>{{project}}的基础使用</h1>
            // `,
            data:{
                project:"VUE"
            }
        })
       
    </script>
</body>
</html>